<template>
	<section :id='id' class='abs_full' :class="[ scroll, scroll ? scrollbarClass:'' , _bgcolor ]" :style='_style'>
		<slot></slot>
	</section>
</template>

<script setup>
	/* --------------------------- Function --------------------------- */
	import isColor from '@utils/isColor'
	/* --------------------------- props --------------------------- */
	const { bgcolor, style } = defineProps({
		bgcolor 		: { type:[String, Boolean], default:'bcf' },
		scroll 			: { type:String, default:'oxys' },
		scrollbarClass 	: { type:[String, Boolean],	default:'scrollbar' },
		style 			: [ String, Object ],
		id				: { type:String, default: ''}
	})
	let _bgcolor = bgcolor
	let _style = style
	if( isColor(bgcolor) ){
		_bgcolor = ''
		_style = { backgroundColor: bgcolor, ...style}
	}
</script>